<template>
  <div class="CustomerService">
    <div>
        <span class="iconText">
 <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-qq"></use>
      </svg>
        </span>
        <span class="customerService">
            客服1
        </span>
     
    </div>
    <div>
       <span class="iconText">
 <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-qq"></use>
      </svg>
        </span>
        <span class="customerService">
            客服2
        </span>
    </div>
    <div>
         <span class="iconText">
 <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-qq"></use>
      </svg>
        </span>
        <span class="customerService">
            技术支持
        </span>
    </div>
  </div>
</template>
 <script>
export default {
  name: "CustomerService",
};
</script>
 <style scoped lang="less">
.CustomerService {
  height: 40px;
  display: flex;
  line-height: 40px;
  // flex-wrap: nowrap;
  margin-top: 40px;
  div {
    width: 33%;
    text-align: center;
    color: #009688;
    text-align: center;
    background-color: #e6f7ff;
    border-top: 1px solid #e8e8e8;
  }
  div + div {
    border-left: 1.5px solid green;
  }
}

.iconText{
    font-size: 20px;
}
.customerService{
    font-size: 14px;
}
</style>
